@charset "utf-8";
/* CSS Document */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
ul,li{list-style:none; margin:0; padding:0;}
a img{border:0;display: block;}
a{color:#000;text-decoration:none;}
a:hover{color:#f34912;}
p{color:#000;line-height:24px;}
html, body {height: auto; }
em,i{font-style: normal;}
body{
	background-color:#fff;overflow-x:hidden;font-size:12px;
	font-family: "微软雅黑",Verdana, Arial, Helvetica, sans-serif;}
.bk10{width:100%;height:10px;overflow: hidden;clear: both;display: block;}
.bk20{width:100%;height:20px;overflow: hidden;clear: both;display: block;}
.bk30{width:100%;height:30px;overflow: hidden;clear: both;display: block;}
.bk40{width:100%;height:40px;overflow: hidden;clear: both;display: block;}
.bk60{width:100%;height:60px;overflow: hidden;clear: both;display: block;}
.bk80{width:100%;height:80px;overflow: hidden;clear: both;display: block;}
.bk100{width:100%;height:100px;overflow: hidden;clear: both;display: block;}
/******base*******/ 
.mL10 {margin-left: 10px;}
.mR10 {margin-right: 10px;}
.mT10{margin-top: 10px; }
.mB10{margin-bottom: 10px;}
.m10{margin: 10px;}
.pT10{padding-top: 10px; }
.pB10{padding-bottom: 10px; }
.pL10{padding-left:10px;}
.pR10{padding-right:10px;}
.p10{ padding: 10px;}
/******other*******/ 
.fl{float:left;display: inline-block;}
.fr{float:right;display: inline-block;}
/******clear float*******/ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-table;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/**home**/ 
.header{width: 100%;height: 500px;position: relative;overflow: hidden;display: block;
	background: url(../images/main_bg.jpg) top center no-repeat;}
.header .name{width: 200px;height: 300px;margin: 0 auto;}
.header .name .img{width: 200px;height: 200px;
    background: url(../images/lyjaoo.png) center no-repeat;
    -webkit-background-size: 200px 200px;
    -moz-background-size: 200px 200px;
    background-size: 200px 200px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.header .name .img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.header .name .txt{width: 200px;height:100px;
    background: url(../images/name.png) center no-repeat;}
.want_job{width: 100%;height:67px;position: absolute;left: 0;bottom: 0;
	padding-top: 60px;
	background: url(../images/job_bg.png) center bottom no-repeat;}
.want_job p{text-align: center;font-size: 20px;line-height: 30px}
/*skill*/
.skill{width: 1000px;height:283px;margin: 0 auto;
	background: url(../images/skill_bg.png) center no-repeat;position: relative;overflow: hidden;display: block;}
.skill .btn{position: absolute;width:130px;height: 130px;
    -webkit-background-size: 130px 130px;
    -moz-background-size:130px 130px;
    background-size: 130px 130px;
    -webkit-border-radius: 65px;
    border-radius: 65px;
    -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.skill .ps{left: 0;top: 0;background: url(../images/ps.png) center no-repeat;}
.skill .ps h2{color: #55a9ff;}
.skill .dw{left: 215px;bottom: 0;background: url(../images/dw.png) center no-repeat;}
.skill .dw h2{color: #4aae3c;}
.skill .fl{left: 435px;top: 0;background: url(../images/fl.png) center no-repeat;}
.skill .fl h2{color: #f06163;}
.skill .cdr{left: 650px;bottom: 0;background: url(../images/cdr.png) center no-repeat;}
.skill .cdr h2{color: #f075b6;}
.skill .ax{left:870px;top: 0;background: url(../images/ax.png) center no-repeat;}
.skill .ax h2{color: #757bf0;}
.skill .btn h2,.skill .btn p{text-align: center;}
.skill .btn h2{font-size: 38px;padding-top:24px;}
.skill .btn p{font-size: 20px;}
.skill .btn:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
/*exper*/
.exper{width: 100%;height: 683px;display: block;overflow: hidden;
	background: url(../images/exper_bg.png) center no-repeat;}
.history{width: 1000px;margin: 0 auto;height: 683px;
	background:url(../images/work_bg.png) 240px 100px no-repeat;}
.history .title{font-size: 42px;letter-spacing:5px;margin-bottom: 20px;}
.history .title span{background: #000;color: #fff;display: inline-block;padding-left: 5px;}
.history p{font-size: 16px;color: #666;}
/*content*/
.multipleLine{overflow:hidden; position:relative; width: 1000px;margin: 0 auto;height: auto;}
.multipleLine .hd{height:14px;width:90px;margin: 0 auto;}
.multipleLine .hd ul li{ float:left; width:14px; height:14px; overflow:hidden; 
	margin-right:16px; text-indent:-999px; cursor:pointer;background: #e6e6e6;display: inline-block;
	-moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px}
.multipleLine .hd ul li.on{background: #000;}
.multipleLine .bd{height:600px;overflow:hidden;}
.multipleLine .bd ul{ overflow:hidden; zoom:1;}
.multipleLine .bd ul li{float:left; _display:inline; overflow:hidden;margin:0 29px 29px 0;}
.multipleLine .bd ul li.last-mr{margin-right: 0;}
.multipleLine .bd ul li a{width:314px;height:268px;display:block;position: relative;z-index: 99;}
.multipleLine .bd ul li a div{width:314px;height:268px;position: absolute;left: 0;bottom: 0;
	background:url(../images/mask.png) repeat;color: #fff;text-align: center;z-index: 9999;display: none;}
.multipleLine .bd ul li a div h2{font-size: 32px;padding-top:100px;line-height: 40px;color: #fff;}
.multipleLine .bd ul li a div p{font-size: 16px;color: #ccc;}
.multipleLine .bd ul li a div span{
	width: 24px;height: 24px;margin: 5px auto 0;display: inline-block;
	transition: all 320ms ease-out 0s;
	background: url(../images/ic_b.png) 0 -34px no-repeat;}
.multipleLine .bd ul li a div span:hover{background: url(../images/ic_b.png) no-repeat;}
.multipleLine .bd ul li a:hover div{display: block;}
.multipleLine .bd ul li a img{ width:314px;height:268px;display:block;z-index: 999;position: absolute;left: 0;bottom: 0;}
/*footer*/
.footer{border-top: 5px solid #f2f2f2;}
.in_fot{width: 1000px;margin: 0 auto;height: 60px;}
.in_fot p{line-height: 60px;font-size: 16px;}
.in_fot p.txt{color: #666;}
/*wh1000*/
.wh1000{width: 100%;height: 100%;position: relative;overflow: hidden;}
.twoder{position:fixed;right:5%;bottom:10%;width: 170px;z-index: 999;}
.twoder a{width: 170px;display: inline-block;height: 36px;margin-bottom: 3px;text-transform: uppercase;
	-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.twoder a.call{background:url(../images/call.png)  0 -36px no-repeat;}
.twoder a.call:hover{background:url(../images/call.png)  0  0 no-repeat;}
.twoder a.qq{background:url(../images/qq.png)  0 -36px no-repeat;}
.twoder a.qq:hover{background:url(../images/qq.png)  0  0 no-repeat;}
.twoder a.backhome{background:url(../images/top.png)  0 -36px no-repeat;}
.twoder a.backhome:hover{background:url(../images/top.png)  0 0 no-repeat;}